function actualizarEstadisticas(datos)
{
	var estadisticas = $('<div id="estadisticas" style="margin-top:30px;"></div>');
	$("#estadisticasContenedor").html(estadisticas);
	cosa = $.jqplot('estadisticas', [datos], {
	    legend:{show:false},
	    title:'Estadisticas',
	    seriesDefaults:{
	        renderer:$.jqplot.BarRenderer, 
	        rendererOptions:{barPadding: 8, barMargin: 20}
	    },
	    axes:{
	        xaxis:{
	            renderer:$.jqplot.CategoryAxisRenderer, 
	            ticks:['Van', 'No van', 'Quizas', 'N/A']
	        }, 
	        yaxis:{
	        	min:0,
	        	tickOptions: {
	            	formatString: '%d'
	        	}
	        }
	    }
	});
}

$(document).ready(function() {
	$("#accion").selectable({
		selected: function(event, ui) {
			$.getJSON('consultasAjax.php',{seccion:"eventos", uuid:$.url.getParam("uuid"), nEvento:$.url.getParam("nEvento"), accion:$(event.target).find(".ui-selected").attr("accion")},
				function(data){
				actualizarEstadisticas([parseInt(data.van),parseInt(data.noVan),parseInt(data.quizas),parseInt(data.noContestaron)]);
			});
		}
	});
	
	$('#accion').css("cursor","pointer");
	//Se hace el timeout para que se muestre el grafico despues del efecto de mostrar widget
	setTimeout(function(){
		$.getJSON('consultasAjax.php',{seccion:"eventos", uuid:$.url.getParam("uuid"), nEvento:$.url.getParam("nEvento"), estadisticas:"1"},
				function(data){
				if(data.voy >= 0)
					$("li[accion="+data.voy+"]").addClass("ui-selected");
					//0 no va
					//1 va
					//2 quizas va
					
				actualizarEstadisticas([parseInt(data.van),parseInt(data.noVan),parseInt(data.quizas),parseInt(data.noContestaron)]);
			});
	},500);
});
